<template>
  <div id="my_index" class="my_index">
    <el-container class="el-container">
      <el-main class="el-main">
        <el-card class="box-card" style="background-color: #bfe3f5;border: none">
          <div slot="header" class="clearfix">
            <i class="el-icon-view"></i>
            &nbsp;
            <span>问卷简介</span>
          </div>
          <div class="my_content" style="line-height: 200%">
            雪花状彩灯、软萌可爱的“冰墩墩”“雪容融”……随处可见的冬奥元素，为年味增添了运动“风味”。
          </div>
          <div class="my_content" style="line-height: 200%">
            在所有的竞技性体育比赛中，没有比冬季项目更具有观赏性的了。天地之间摆开战场，挑战自然，挑战人生，在没有刀光剑影、不见炮火硝烟的擂台上演绎着一场场惊心动魄的“战争”。
          </div>
          <div class="my_content" style="line-height: 200%">
            你是否也有一个冰雪梦，在雪中飞驰，在冰上起舞，那就快来看看你与冰雪的今世之缘吧！
          </div>
          <div class="my_content" style="line-height: 200%">
            让我们一起为冬奥加油，共筑冰雪梦，一起向未来！
          </div>
          <div class="my_ps">
            注：
            <br>
            以下测试结果仅供参考，参考不了，那就仅供娱乐。
            <br>
            所用图片中服饰和动作均有参考。
          </div>
        </el-card>
        <el-button type="primary" @click="jump_to_introduction" class="my_button">
          开始答题
        </el-button>
      </el-main>
    </el-container>
  </div>
</template>

<script>

export default {
  name: "index",

  methods: {
    jump_to_introduction() {
      this.$router.push("/question")
    },
  }

}
</script>

<style scoped>

.my_button {
  width: 100%;
  margin-top: 20px;
}

.clearfix {
  text-align: left;
  color: #1C92F5;
}

.my_content {
  text-align: left;
  text-indent: 20px;
  font-size: large;
}

.my_ps {
  text-align: left;
  font-size: medium;
  margin-top: 20px;
}

.my_index {
  display: table;
  height: 50%;
  width: 100%;
}

.el-container {
  display: table-cell;
  vertical-align: bottom;
}
</style>
